﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WebUI.m.Index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>铜仁第一站</title>
    <link rel="stylesheet" type="text/css" href="../themes/metro/easyui.css" />
    <link rel="stylesheet" type="text/css" href="../themes/mobile.css" />
    <link rel="stylesheet" type="text/css" href="../themes/icon.css" />
    <script type="text/javascript" src="../Scripts/jquery.min.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.easyui.mobile.js"></script>
</head>
<body>
    <div class="easyui-navpanel">
        <header>
            <div class="m-toolbar">
                <div class="m-title">一站式服务</div>
                <div class="m-left">
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-man',plain:true"></a>
                </div>
                <div class="m-right">
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true"></a>
                    <a href="javascript:void(0)" class="easyui-menubutton" data-options="iconCls:'icon-more',plain:true,hasDownArrow:false,menu:'#mm',menuAlign:'right'"></a>
                </div>
            </div>
            <div id="mm" class="easyui-menu" style="width:150px;" data-options="itemHeight:30,noline:true">
                <div data-options="iconCls:'icon-undo'">Undo</div>
                <div data-options="iconCls:'icon-redo'">Redo</div>
                <div class="menu-sep"></div>
                <div>Cut</div>
                <div>Copy</div>
                <div>Paste</div>
                <div class="menu-sep"></div>
                <div>Toolbar</div>
                <div data-options="iconCls:'icon-remove'">Delete</div>
                <div>Select All</div>
            </div>
        </header>
        <div class="easyui-accordion" fit="true" border="false">
            <div title="服务项目">
                <ul class="easyui-datalist" data-options="fit: true,lines: true,border: false,textFormatter: function(value){return '<a href\'javascript:void(0)\' class=\'datalist-link\'>' + value + '</a>';},onClickRow: function(index,row){$('#p2-title').html(row.text);$.mobile.go('#p2');}">
                    <li>新闻</li>
                    <li>人才</li>
                    <li>房产</li>
                    <li>车辆</li>
                    <li>兼职</li>
                    <li>二手</li>
                    <li>家政</li>
                    <li>商务</li>
                    <li>教育</li>
                    <li>生活</li>
                    <li>其它</li>
                </ul>
            </div>
            <div title="注意事项" href="_content.html" style="padding:10px"></div>
        </div>
        <footer style="padding: 2px 3px">
            <input class="easyui-textbox" style="width: 100%; height: 32px;" data-options="prompt:'Type something here',buttonText:'<span style=\'padding:0 15px\'>Send</span>'" />
        </footer>
    </div>
    <div id="p2" class="easyui-navpanel">
        <header>
            <div class="m-toolbar">
                <span id="p2-title" class="m-title">Detail</span>
                <div class="m-left">
                    <a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true" style="width: 50px" onclick="$.mobile.back()">Back</a>
                </div>
            </div>
        </header>
        <div style="margin: 50px 0 0; text-align: center">
            <a href="javascript:void(0)" class="easyui-linkbutton" style="width: 100px; height: 30px" onclick="$.mobile.back()">Go Back</a>
        </div>
    </div>
</body>
</html>
